﻿html, body {
	height: 100%;
}

html {
	width: 100%;
}

body {
	background: #eae6e3;
}

body {
	background: url(/img/body-bg.jpg) repeat center top;
	min-width: 310px;
	padding: 0;
}

a {
	color: #000;
	outline: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

p {
	margin-bottom: 18px;
}

.tleft {
	text-align: left;
}


article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}

mark, rp, rt, ruby, summary, time {
	display: inline;
}

h1 {
	font-size: 60px;
	line-height: 72px;
}

h2 {
	font-size: 38px;
	line-height: 46px;
}

h3 {
	font-size: 30px;
	line-height: 36px;
}

h4 {
	font-size: 24px;
	line-height: 29px;
}

h5 {
	font-size: 20px;
	line-height: 24px;
}

h6 {
	font-size: 16px;
	line-height: 20px;
}

h1, h2, h3 {
	font-weight: normal;
}


ul li,
ol li {
	margin: 7px 0;
}

ul li {
	list-style-type: disc;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 1170px;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background-color: #e0d8d3;
	border: 1px solid #fff;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	width: 320px;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-webkit-box-shadow: inset 2px 2px 3px #a39d9a;
	-moz-box-shadow: inset 2px 2px 3px #a39d9a;
	-ms-box-shadow: inset 2px 2px 3px #a39d9a;
	box-shadow: inset 2px 2px 3px #a39d9a;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #6e625b;
}

input.icon[type="email"] {
	background: url("/img/ico-envelope.png") no-repeat scroll 11px 8px #E0D8D3;
	padding-left: 40px;
}

input.icon[type="password"] {
	background: url("/img/ico-lock.png") no-repeat scroll 16px 8px #E0D8D3;
	padding-left: 40px;
}

input.icon.mail-message {
	background: url("/img/ico-message_out.png") no-repeat scroll 16px 8px #E0D8D3;
	padding-left: 40px;
}


.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
	color: #901818;
	font-weight: normal;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
	border-color: #fff;
	background: #eacfcd;
	color: #000;
	-webkit-box-shadow: inset 2px 2px 3px #d9aeac;
	-moz-box-shadow: inset 2px 2px 3px #d9aeac;
	-ms-box-shadow: inset 2px 2px 3px #d9aeac;
	box-shadow: inset 2px 2px 3px #d9aeac;
}

.btn {
	border: none;
	border-top: 1px solid #7f4e33;
	border-bottom: 1px solid #fff;
	background-position: 0 0;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	font-weight: bold;
	position: relative;
	padding: 6px 14px;
	margin-top: 1px;
	width: auto !important;
	z-index: 2;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	background-image: -moz-linear-gradient(top, #d37f51, #bd5923);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d37f51), to(#bd5923));
	background-image: -webkit-linear-gradient(top, #d37f51, #bd5923);
	background-image: -o-linear-gradient(top, #d37f51, #bd5923);
	background-image: linear-gradient(to bottom, #d37f51, #bd5923);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d37f51', endColorstr='#bd5923', GradientType=0);
	text-shadow: -1px 1px #6d391b;
	moz-text-shadow: -1px 1px #6d391b;
	webkit-text-shadow: -1px 1px #6d391b;
	-webkit-box-shadow: inset -2px 2px 3px #af6b46;
	-moz-box-shadow: inset -2px 2px 3px #af6b46;
	-ms-box-shadow: inset -2px 2px 3px #af6b46;
	box-shadow: inset -2px 2px 3px #af6b46;
}

	.btn:hover {
		background: #F89406;
		color: #fff;
	}

	.btn.disabled {
		background: #d7a98e;
		color: #ebd3c5;
		text-shadow: none;
	}

.btn-primary {
	border-top: 1px solid #777776;
	background-image: -moz-linear-gradient(top, #777776, #444444);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777776), to(#444444));
	background-image: -webkit-linear-gradient(top, #777776, #444444);
	background-image: -o-linear-gradient(top, #777776, #444444);
	background-image: linear-gradient(to bottom, #777776, #444444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777776', endColorstr='#444444', GradientType=0);
	-webkit-box-shadow: inset -2px 2px 3px #6e6e6c;
	-moz-box-shadow: inset -2px 2px 3px #6e6e6c;
	-ms-box-shadow: inset -2px 2px 3px #6e6e6c;
	box-shadow: inset -2px 2px 3px #6e6e6c;
}

.btn-primary:hover {
	background: #878685;
}

.btn-primary.disabled {
	background: #aaa9a7;
}

.btn-group > .btn {
	border: 1px solid #a3a3a3;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	font-weight: normal;
	text-shadow: none;
	background-image: -moz-linear-gradient(top, #eae5e1, #d7cbc3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eae5e1), to(#d7cbc3));
	background-image: -webkit-linear-gradient(top, #eae5e1, #d7cbc3);
	background-image: -o-linear-gradient(top, #eae5e1, #d7cbc3);
	background-image: linear-gradient(to bottom, #eae5e1, #d7cbc3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae5e1', endColorstr='#d7cbc3', GradientType=0);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.btn-group > .btn:first-child {
	border-radius: 14px 0 0 14px;
	-moz-border-radius: 14px 0 0 14px;
	-webkit-border-radius: 14px 0 0 14px;
}

.btn-group > .btn:last-child {
	border-radius: 0 14px 14px 0;
	-moz-border-radius: 0 14px 14px 0;
	-webkit-border-radius: 0 14px 14px 0;
}

.btn-group > .btn.active,
.btn-group > .btn:hover {
	color: #fff;
	background-image: -moz-linear-gradient(top, #c05f2a, #d07f53);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c05f2a), to(#d07f53));
	background-image: -webkit-linear-gradient(top, #c05f2a, #d07f53);
	background-image: -o-linear-gradient(top, #c05f2a, #d07f53);
	background-image: linear-gradient(to bottom, #c05f2a, #d07f53);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c05f2a', endColorstr='#d07f53', GradientType=0);
	-webkit-box-shadow: inset -2px 2px 3px #93451b;
	-moz-box-shadow: inset -2px 2px 3px #93451b;
	-ms-box-shadow: inset -2px 2px 3px #93451b;
	box-shadow: inset -2px 2px 3px #93451b;
}

.btn.active {
	color: #000;
	text-shadow: none;
}

.modal {
	background: #eae6e3;
	border: none;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}


.modal-header {
	border: none;
}

.modal-footer {
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}


.img-style {
	float: left;
	border: 1px solid #c8c8c8;
	background: #fff;
	margin: 0 15px 0 0;
	padding: 4px;
}

/*___________ HEADER __________*/
header {
	background: url(/img/header-bg2.jpg) center bottom repeat-x;
	position: relative;
	padding: 6px 0 0;
	height: 40px;
	width: 100%;
	z-index: 2;
}

.header-left {
	float: left;
}

.header-right {
	float: right;
}

.logo {
	float: left;
	display: block;
	background: url(/img/logo.png) 0 0 no-repeat;
	text-indent: -5000px;
	padding: 0;
	width: 115px;
	height: 36px;
	z-index: 99;
}

.beta, .beta:hover {
	display: inline-block;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-weight: bold;
	margin: 7px 15px 0 3px;
	text-shadow: -1px 2px #000;
	moz-text-shadow: -1px 2px #000;
	webkit-text-shadow: -1px 2px #000;
	text-decoration: none;
}

.header-link, a.header-link:focus {
	display: inline-block;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-weight: bold;
	margin: 7px 15px 0;
	text-shadow: -1px 2px #000;
	text-decoration: none;
	moz-text-shadow: -1px 2px #000;
	webkit-text-shadow: -1px 2px #000;
}

	.header-link:hover {
		color: #c56935;
		text-decoration: none;
	}

.form-search {
	float: right;
	position: relative;
	margin: 0;
}

.form-search button {
	background: url(/img/button-search-bg.png) 0 0 no-repeat;
	border: none;
	text-indent: -5000px;
	position: absolute;
	top: 9px;
	left: 11px;
	padding: 0;
	height: 14px;
	width: 14px;
	z-index: 2;
}

.form-search input {
	background: url(/img/search-bg.png) 0 0 repeat;
	border: 1px solid #6d432e;
	color: #fff;
	position: relative;
	padding-left: 32px;
	width: 180px;
	z-index: 1;
	-webkit-box-shadow: inset 2px 2px 3px #281208;
	-moz-box-shadow: inset 2px 2px 3px #281208;
	-ms-box-shadow: inset 2px 2px 3px #281208;
	box-shadow: inset 2px 2px 3px #281208;
}

input[type="search"]:focus {
	border-color: rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}
/*___________ CONTENT _______________*/

#content {
	position: relative;
	padding: 10px 0 0 0;
	width: 100%;
	z-index: 1;
}

.modal .modal-body a {
	color: #944013;
	font-weight: bold;
}


.right {
	float: right;
}

.left {
	float: left;
}

.brown-color {
	color: #944013;
}

a {
	cursor: pointer;
}

#modal-account-logon .modal-body input {
	width: 465px;
	padding-right: 15px;
}

.error {
	color: red;
}

.highlight {
	border: thick dotted #FF0000;
}

.wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.extra-wrap {
	overflow: hidden;
}

div.extra-wrap h3 > a {
	font-weight: normal;
}

.margin-left20 {
	margin-left: 20px;
}

.modal-body input {
width: 98%;
}

.clear {
	clear: both;
}

footer {
	float: right;
	width: 200px;
}

.btn:focus {
	background-position: 0 0;
	color: #FFFFFF
}

.mt18{ margin-top: 18px;}

.bgr {
	opacity:0.7;
}